@import "../common/vars.scss";
@import "../mixins/mixins.scss";
@include create(form){
    @include m(label-left) {
        & .aiui-form-label {
          text-align: left;
        }
    }
    @include m(label-top) {
        & .aiui-form-label {
          float: none;
          display: inline-block;
          text-align: left;
          padding: 0 0 10px 0;
        }
    }
    @include m(inline) {
        & .aiui-form-item {
          display: inline-block;
          margin-right: 10px;
          vertical-align: top;
        }
        & .aiui-form-label {
          float: none;
          display: inline-block;
        }
        & .aiui-form-content {
          display: inline-block;
          vertical-align: top;
        }
        &.aiui-form-label-top .aiui-form-content {
          display: block;
        }
    }
}
@include create(form-item) {
    margin-bottom: 22px;
    @include utils-clearfix;
    
    @include e(label) {
        text-align: right;
        vertical-align: middle;
        float: left;
        font-size: 14px;
        color: $color-text-regular;
        line-height: 38px;
        padding: 0 12px 0 0;
        box-sizing: border-box;
    }

    @include e(content) {
        line-height: 38px;
        position: relative;
        font-size: 14px;
        @include utils-clearfix;
        .aiui-input-group {
          vertical-align: middle;
        }
    }
}